<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="1460px"
      title="砼拌合生产配合比"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="5%"
    >
      <div
        class="dialogBody common commonClassDialog moduleDialog"
        id="longLable"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <div style="overflow-y: auto; margin-bottom: 20px">
          <div class="baseTitle">生产配合比信息</div>
          <div style="height: 200px">
            <publicForm
              ref="publicForm"
              lableWidth="130px"
              :formObj="formObj"
              :formData="formData"
              @clickDialog="clickDialog"
            >
            </publicForm>
          </div>
          <div class="mixProportion">
            <div class="titleBig">
              <div class="title" style="width: 20%; border-left: none">
                项目
              </div>
              <div class="title">水泥</div>
              <div class="title">砂</div>
              <div class="title title1" style="width: 24%">
                <div class="title1_1">碎石</div>
                <div class="title1_2">
                  <div class="title1_2_1" style="border-left: none">1</div>
                  <div class="title1_2_1">2</div>
                  <div class="title1_2_1">3</div>
                </div>
              </div>
              <div class="title">水</div>
              <div class="title">减水剂</div>
              <div class="title title1" style="width: 16%">
                <div class="title1_1">外渗料</div>
                <div class="title1_2">
                  <div class="title1_2_2" style="border-left: none">粉煤灰</div>
                  <div class="title1_2_2">矿渣粉</div>
                </div>
              </div>
              <div class="title">防水添加剂</div>
            </div>
            <div
              class="titleSmall"
              v-for="(v, i) in formData.materialList"
              :key="i"
            >
              <div
                class="title2"
                style="width: 20%; border-left: none"
                v-text="v[0]"
              ></div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[1]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[2]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[3]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[4]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[5]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[6]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[7]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[8]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[9]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
              <div class="title2">
                <el-input
                  type="number"
                  v-model="v[10]"
                  placeholder="/"
                  :disabled="disabled"
                ></el-input>
              </div>
            </div>
          </div>
          <div class="publicForm" style="height: 80px">
            <publicForm
              ref="publicForm0"
              lableWidth="125px"
              :formObj="formObjText"
              :formData="formData"
              :timestamp="formData.fFillingfile"
              :fileList="fSourcefileList"
              @delteFile="delteFile"
              @clickDialog="clickDialog"
              :selected="[]"
            >
            </publicForm>
          </div>
        </div>
        <div class="newlyAdded_btn" v-if="btnShow">
          <el-button :disabled="isLock" type="primary" @click="yj_saveForm(1)"
            >保存</el-button
          >
          <el-button type="warning" @click="visible = false">关闭</el-button>
        </div>
      </div>
    </el-dialog>
    <custom-dialog
      @refreshList="refreshList"
      :currentRow="engineeringLocationRow"
      v-if="engineeringLocationShow"
      :dialogVisible="engineeringLocationShow"
      @close1="engineeringLocationDialog"
      @getWBS="getEngineeringLocation"
    ></custom-dialog>
    <custom-dialog-person
      @refreshList="refreshList"
      title="选择驻拌合站试验人"
      :comonId="userInfo.companyId"
      v-if="personShow"
      :dialogVisible="personShow"
      @closePerson="personDialog"
      @getperson="getperson"
      :selectArr="selectArr"
      :isMultiple="false"
    ></custom-dialog-person>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
